/**********用户基础信息头部样式**********/
.zlst-classic-base-info{
    border-bottom:1px dashed #dedee0;
    padding-left:14px;
    .icon-renwu{
        font-size: 60px;
    }
    .base-info{
        display: flex;
        align-items: center;
        height:74px;
        .state-icon {
            width: 21px;
            height: 21px;
            line-height: 21px;
            position: absolute;
            top: 46px;
            left: 50px;
        }
        .lock-icon {
            /*background: url('../../../assets/images/systemManage/user-lock.png') no-repeat;*/
        }
        .forbidden-icon {
            /*background: url('../../../assets/images/systemManage/user-forbid.png') no-repeat;*/
        }
        .info-text{
            margin:0 0 0 10px;
            span{
                font-size: 16px;
            }
            em{
                font-style:normal;
                display: block;
                color:$color-font3;
            }
        }
    }
    p{
        padding-bottom:10px;
        color:$color-font4;
    }
}


/**********操作日志样式**********/
.zlst-classic-operation-log{
    .log-title {
        color:$color-font2;
        font-size: $font-size-m;
        padding: 10px 20px 20px;
        .search-input{
            float: right;
        }
    }
    .log-cont {
        font-size: $font-size-m;
        .ivu-timeline-item{
            &:hover{
                .ivu-timeline-item-head{
                    border-color: #2d8cf0;
                    &:before{
                        position: absolute;
                        content: '';
                        width:4px;
                        height: 4px;
                        overflow: hidden;
                        border-radius: 100%;
                        background: #2d8cf0;
                        top:4px;
                        left: 4px;
                    }
                }
            }
            padding:0 0 10px 0;
            .ivu-timeline-item-tail{
                top:6px;
                left:16px;
            }
            .ivu-timeline-item-head{
                height: 15px;
                width: 15px;
                z-index: 10;
                top:6px;
                left:10px;
                border-color: #a8afb2;
                &:before{
                    position: absolute;
                    content: '';
                    width:4px;
                    height: 4px;
                    overflow: hidden;
                    border-radius: 100%;
                    background: #a8afb2;
                    top:4px;
                    left: 4px;
                }
            }
            .ivu-timeline-item-content {
                font-size: $font-size-m;
                padding:0 0 0 28px;
                .line {
                    padding:5px;
                    cursor: default;
                    div {
                        margin-right:100px;
                        span {
                            color: $color-font3;
                            padding-right: 10px;
                        }
                        em {
                            font-style: normal;
                        }
                    }
                    i {
                        position: absolute;
                        right: 10px;
                        bottom: 5px;
                        font-style: normal;
                        cursor: pointer;
                        display: none;
                        color: $color-font4;
                    }
                }
                &:hover{
                    background: #edf1f4;
                    .line{
                        i{
                            display: block;
                        }
                    }

                }
            }

        }
    }
}


/**********上下式列表样式**********/
.zlst-classic-list{
    font-size: $font-size-m;
    .list-up-left{
      i{
         color: #fff;
         background: $color-tag-green;
         border-radius: 50%;
         padding: 3px;
         margin-right: 5px;
     }
 }
 .list-down-left{
    color:$color-font3;
}
.list-down-right{
    color:$color-font3;
}
}


/**********新增编辑页面头部**********/
.zlst-classic-title-basic{
    border-bottom:1px dashed #dedee0;
    padding-left:2px;
    display: flex;
    align-items: center;
    height:74px;
    .icon-daohuo{
        font-size: 26px;
        color: #fff;
        background: #a8afb2;
        border-radius:50%;
        padding:10px;
    }

    .title-basic-text{
        margin:0 0 0 10px;
        span{
            color:$color-font3;
            font-size: $font-size-xl;
            display: block;
            padding-bottom:3px;
        }
        em{
            font-style:normal;
            color:$color-font3;
            font-size: $font-size-m;
        }
    }
}


/**********右侧详情页面头部，带按钮**********/
.zlst-classic-title-detail {
    position: relative;
    padding: 10px 0 15px 64px;
    border-bottom: 1px dashed #dedee0;
    i {
      position: absolute;
      left: 10px;
      top: 15px;
      font-size: $font-size-xl;
      color: #fff;
      background: #a8afb2;
      border-radius:50%;
      padding:8px 10px;
  }
  h3 {
      font-size: $font-size-l;
      font-weight: 300;
      color: $color-font2;
  }
  p {
      font-size: $font-size-m;
      color: $color-font4;
  }
  .button {
      position: absolute;
      right: 15px;
      bottom: 10px;
      button{
          float: left;
          margin-left: 10px;
          border-radius: 2px;
      }
  }
}
/**********右侧详情页面头部，带关闭图标**********/
.zlst-classic-title-close {
    position: relative;
    padding: 10px 0 15px 64px;
    border-bottom: 1px dashed #dedee0;
    i {
      position: absolute;
      left: 10px;
      top: 20px;
      font-size: $font-size-xl;
      color: #a8afb2;
      font-size: 36px;
  }
  h3 {
      font-size: $font-size-l;
      font-weight: 300;
      color: $color-font2;
  }
  p {
      font-size: $font-size-m;
      color: $color-font4;
  }
  .close-icon{
    position: absolute;
    right: 55px;
    top: 5px;
}
}

/**********列表的标题+搜索框**********/
.zlst-classic-listTitle{
	width: 100%;
	h3 {
		width: inherit;
        padding: 15px 25px 5px 15px;
        font-size: $font-size-l;
        font-weight: 300;
        width: 100%;
        position: relative;
    }
    .condition-search{
      position: absolute;
      right: 20px;
      top: 14px;
  }
}

/**********表单常规样式**********/
.zlst-classic-form-detailsList {
  clear: both;
  font-size: $font-size-m;
  padding: 9px 0;
  color: $color-font4;
  line-height: 24px;
  height: 32px;
  .zlst-classic-form-detailsTitle {
   color: $color-font2;
   width: 100px;
   float: left;
}
.zlst-classic-form-detailsContent {
	float: left;
	display: -webkit-box;
	width: calc(100% - 100px);
	overflow: hidden;
}
}

/**********表单特殊样式之一**********/
.zlst-classic-form-special{
    h3{
        color:$color-font2;
        font-weight: normal;
        padding-bottom:5px;
    }
    .form-special-name{
        color:$color-font2;
        font-size:$font-size-m ;
    }
    i{
        color:$color-font4;
        margin-left: 6px;
    }
    div{
        border-bottom:1px solid #eee;
        margin-bottom:5px;
        padding-bottom:5px;
        em{
            color:$color-font4;
            font-size: $font-size-s;
            margin-right:50px;
            &:last-child{
                margin-right: 5px;
            }
        }

        .button{
            float: right;
            margin-right:24px;
        }
        div{
            float:left;
            margin-right:40px;
        }
    }

}

/* 表单示例 */

.logistics-layout-form .car-color .ivu-radio {
    padding-left: 18px;
}
.circle1, .circle2, .circle3, .circle4, .circle5, .circle6, .circle7, .circle8, .circle9, .circle10 {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    text-align: center;
    line-height: 50px;
}
.circle1 {
  background-color: white;
  border: 1px #F0F0F0 solid;
}
.circle2 {
  background-color: #06407E;
}
.circle3 {
  background-color: #C91422;
}
.circle4 {
  background-color: #FF7E10;
}
.circle5 {
  background-color: #ABAEB3;
}
.circle6 {
  background-color: #C99D89;
}
.circle7 {
  background-color: #000000;
}
.circle8 {
  background-color: #9B896A;
}
.circle9 {
  background-color: #387E72;
}
.circle10 {
  background-color: white;
  border: 1px #F0F0F0 solid;
}

/**********模态框样式**********/
.zlst-modal{
    .font14 {
        font-size: $font-size-m;
    }
    .floatL {
        float: left;
    }
    .infoArea{

        label {
            display: inline-block;
            width: 80px;
        }

        input{
            height: 30px;
            line-height: 30px;
            border: 1px solid #ddd;
            border-radius: 5px;
            padding: 5px;
            margin-right: 10px;
        }

        textarea{
            line-height: 30px;
            border: 1px solid #ddd;
            border-radius: 5px;
            padding: 5px;
            margin-right: 10px;
        }

        .selectbox {
            padding: 2px 10px 2px 10px;
            border: 1px solid #ddd;
            background-color: #ffffff;
            cursor: pointer;
        }

        .selected {
            color: #ffffff;
            background-color: #3EA9F5;
        }
    }
    .getR:before{
        content: "*";
        display: inline-block;
        margin-right: 4px;
        line-height: 1;
        font-family: SimSun;
        font-size: 12px;
        color: #ed3f14;
    }

    .rRtar:before{
        content: "★";
        display: inline-block;
        margin-right: 4px;
        line-height: 1;
        font-family: -webkit-body;;
        font-size: 12px;
        color: #FABD22;
    }

    .nGetR:before{
        content: "*";
        display: inline-block;
        margin-right: 4px;
        line-height: 1;
        font-family: SimSun;
        font-size: 12px;
        color: #ed3f14;
        opacity: 0;
    }
    .verticalT{
        vertical-align: top;
    }

}
/*添加维保方案弹窗*/
.zlst-modal-add-project{
    .footer-contral{
        position: absolute;
        bottom: 23px;
        .ivu-checkbox-wrapper{
            font-size:$font-size-m;
            color:#5E6D76;
        }
    }
}/* 岗位列表 */
.demo-classicPage-postList {
    min-width: 900px;
}
/*维保方案弹窗*/
.zlst-modal-project{

    .project-left{
        height:100%;
        width: 318px;
        position: absolute;
        top: 0;
        left: 0;
        border-right: 1px solid #efefef;
        .project-left-list{
            margin-top: 45px;
            overflow: auto;
            height: calc(100% - 45px);
            .lineClass {
                height: 50px;
                padding: 10px 10px 10px 26px;
                font-size: 14px;
            }
            .lineClass:hover {
                background-color:#EDF1F4;
                cursor: pointer;
            }
        }
    }
    .project-right{
        height: calc(100% - 108px);
        position: absolute;
        width: calc(100% - 318px);
        left: 318px;
        top: 45px;
        border-bottom: 1px solid #efefef;
        overflow: auto;
    }
    .project-right-title{
        position: absolute;
        left: 318px;
        width: calc(100% - 376px);
        height: 45px;
        top: 0;
        padding: 18px 10px 0 30px;
        .title-name{
            font-size: $font-size-l;
            color: #a8afb2;
        }
        .choose-num{
            margin-left:20px;
            font-size:13px;
            color:#3EA9F5
        }
    }



}

/*添加角色弹窗*/
.zlst-modal-add-role{
    .choose-num{
        position: absolute;
        bottom: 21px;
        font-size:$font-size-m;
    }
}
/*编辑岗位弹窗*/
.zlst-modal-edit-post{
    .textarea-size{
        width:601px;
        height:194px
    }
}
/*添加岗位弹窗*/
.zlst-modal-add-post{
    .post-name{
        width:127px;
    }
    .post-name-input{
        width:127px;
    }
    .fontClass {
        font-size: 14px;
        color: #506470
    }
    .plus-btn{
        background-color: #3EA9F5;
        color: #fff;
        border-radius: 50%;
        display:inline-block;
        width: 20px;
        height: 20px;
        text-align: center;
        line-height: 20px;
        cursor: pointer;
    }
    .minus-btn{
        background-color: #F4BA4A;
        color: #fff;
        border-radius: 50%;
        display:inline-block;
        width: 20px;
        height: 20px;
        text-align: center;
        line-height: 20px;
        cursor: pointer;
    }
}

/*启用账号弹窗*/
.zlst-modal-use-account{
    .textarea-size{
        width: 462px;
        height:40px
    }
}

/*单选式弹窗*/
.zlst-modal-radio{

}
/*发货弹窗*/
.zlst-modal-delivery{

}
/*显示弹窗（重设密码）*/
.zlst-modal-reset-password{

}
/*周期弹窗*/




/* 上下式列表：审批列表 */
.zlst-classic-approve-list{
    height: 100px;
    border-bottom: 1px dotted $color-font5;
    margin-right: 6px;
    padding-left: 20px;
    &:hover{
      background: #eef3f5;
    }
    .view-logistics-listHead{
      line-height: 36px;
      font-size: $font-size-s;
      color: $color-font4;
      .view-logistics-listTag{
        float: right;
        margin-right: 10px;
      }
    }
    .view-logistics-listMiddle{
      color: $color-font2;
      font-size: $font-size-m;
    }
    .view-logistics-listFoot{
      line-height: 36px;
      font-size: $font-size-s;
      color: $color-font4;
      em{
        float: right;
        margin-right: 2px;
      }
    }
  }